﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>vcsass-首页</title>

    <!--common-->
    <link href="/resources/src/css/main.css" rel="stylesheet">
</head>
<body>
    
    <div class="entrance_index_header">
        <div class="wrap">
            <!-- <a href="javascript:;">投递项目</a> -->
            <a href="javascript:;">登录/注册</a>
        </div>
    </div>
    <div class="entrance_index_main">
        <div class="content">
            <div class="index_logo">
                <img src="/resources/src/images/index_logo.png" alt="">
            </div>
            <div class="p_list">
                <p>VChello Saas项目管理工具</p>
                <p>致力为投资机构/孵化器/众创空间提供项目管理、成员管理、</p>
                <p>文档管理、以及权限管理一站式管理系统。</p>
            </div>
            <div class="apply_org_btn">机构申请入口</div>
        </div>
        <div class="entrance_index_footer">粤ICP备14063324号<span></span>2014-2016VChello.con All rights reserved&<span></span>广州微投科技信息咨询有限公司所有</div>
    </div>
    <div class="apply_window">
        <div class="title"><span>机构账号申请</span><i class="iconfont icon-shanchu close"></i></div>
        <form class="apply_form">
            <div class="item clearfix">
                <div class="item-label pull-left"><label class="lab" for="org_name">机构名称：</label></div>
                <div class="item-input pull-left">
                    <input type="text" id="org_name" name="org_name" placeholder="请输入机构名称" />
                </div>
            </div>
            <div class="item clearfix">
                <div class="item-label pull-left"><label class="lab" for="person_name">联系人姓名：</label></div>
                <div class="item-input pull-left">
                    <input type="text" id="person_name" name="person_name" placeholder="请输入联系人姓名" />
                </div>
                
            </div>
            <div class="item clearfix">
                <div class="item-label pull-left"><label class="lab" for="person_phone">联系人手机：</label></div>
                <div class="item-input pull-left">
                    <input type="text" id="person_phone" name="person_phone" placeholder="请输入11位有效手机号" />
                </div>
            </div>
            <div class="item clearfix">
                <div class="item-label pull-left"><label class="lab" for="person_email">联系人邮箱：</label></div>
                <div class="item-input pull-left">
                    <input type="text" id="person_email" name="person_email" placeholder="请输入您的邮箱" />
                </div>
            </div>
            <input type="submit" value="提交" class="apply_submit">
        </form>
    </div>
    <div class="apply_mark"></div>
    <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
    <script src="/resources/src/js/jquery.validate.min.js"></script>
    <script src="/resources/src/js/messages_zh.js"></script>
    <script> 
        $(function(){
            $('.apply_org_btn').click(function(){showWindow()});
            $('.apply_window .title .close').click(function(){hideWindow()});
        })
        function showWindow(){
            $('.apply_window,.apply_mark').stop().show();
        }
        function hideWindow(){
            $('.apply_window,.apply_mark').stop().hide();
        }
        $(".apply_form").validate({
            // debug:true,
            rules: {
              org_name:{
                required:true
              }, 
              person_name:{
                required:true
              }, 
              person_phone:{
                required:true,
                isPhone:true
              }, 
              person_email:{
                required:true,
                email:true
              }                 
            },
            messages: {
               org_name:{
                 required: "请输入机构名称",
               },
               person_name:{
                 required: "请输入联系人名称",
               },
               person_phone:{
                 required: "请输入联系人手机",
               },
               person_email:{
                 required: "请输入联系人邮箱",
                 email:'请输入正确的邮箱'
               }
            },
            submitHandler:function(form){
                form.submit();
                // hideWindow();
            }
        });
        jQuery.validator.addMethod("isPhone", function(value, element) {
            var phone = new RegExp(/^(((13[0-9]{1})|(15[0-9]{1})|(17[0-9]{1})|(18[0-9]{1}))+\d{8})$/);
            return this.optional(element) || (phone.test(value));
        }, "请填写正确的手机号码");
    </script>
</body>
</html>